<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/3/7
  Time: 10:33
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<div class="row">

    <div class="col-md-12 text-right">

        <ol class="breadcrumb" id="info">
            <li><span><a href="#" data-toggle="modal">${user.username}</a>&nbsp;&nbsp;您好，欢迎来到服装专卖店！</span></li>
            <c:choose>
                <c:when test="${empty user}">
                    <li id="li1">
                        <a href="${root}/loginUI" data-toggle="modal">[登录]</a>&nbsp;<a href="${root}/registerUI" data-toggle="modal">[新用户注册]</a>
                    </li>
                </c:when>
                <c:otherwise>
                    <li id="li1">
                        <a href="#" onclick="showCart()">购物车 <span class="badge" id="cartBadge"></span></a>&nbsp;<a href="${root}/centerUI?uid=${user.uid}" data-toggle="modal">[个人中心]</a>&nbsp;<a href="${root}/exit" data-toggle="modal">[退出]</a>
                    </li>
                </c:otherwise>
            </c:choose>
        </ol>
    </div>

    <div class="col-md-12 " id="top_cate">
        <nav class="navbar navbar-default navbar-static-top" role="navigation">

            <div class="navbar-header">

                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                </button> <a class="navbar-brand" href="#">良品服装专卖店</a>
            </div>

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav" id="nav">
                    <li class="active">
                        <a href="${root}/findAll">网站首页</a>
                    </li>
                    <li>
                        <a href="/goods/getNewGoods">新到商品</a>
                    </li>
                    <li>
                        <a href="/goods/getSalesGoods">热销商品</a>
                    </li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" href="#" data-toggle="dropdown">商品分类<strong class="caret"></strong></a>
                        <ul class="dropdown-menu" id="dropdown_cate">

                            <a class="list-group-item" href="#">女装</a>
                            <a class="list-group-item" href="#">男装</a>
                            <a class="list-group-item" href="#">鞋子</a>
                            <a class="list-group-item" href="#">电脑</a>
                            <a class="list-group-item" href="#">手机</a>

                        </ul>
                    </li>
                </ul>

                <form class="navbar-form navbar-left form-inline " role="search" method="post" action="/goods/searchGoods">
                    <div class="form-group">
                        <input class="form-control " type="text" name="keyword" value=""/>
                    </div>

                    <button class="btn btn-default" type="submit">
                        店内搜索
                    </button>
                </form>

                <ul class="nav navbar-nav navbar-right">
                    <li class="" >
                        <a href="${root}/addUI" style="color: #2aabd2">添加</a>
                    </li>
                    <li class="dropdown" >
                        <a class="dropdown-toggle" href="#" data-toggle="dropdown">排序<strong class="caret"></strong></a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="#">按价格从低到高</a>
                            </li>
                            <li>
                                <a href="#">按价格从高到低</a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a href="#">按销量从高到低</a>
                            </li>
                            <li>
                                <a href="#">按销量从低到高</a>
                            </li>

                        </ul>
                    </li>
                    <li class="col-md-2"></li>
                </ul>
            </div>

        </nav>
    </div>
</div>

